<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>扫描登录确认</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">

		<link rel="stylesheet" href="../../css/mui.min.css">
		<link rel="stylesheet" href="../../css/app.css">
		<style>
			#immersed{
				height: 0;
				width: 100%;
				background-color: #1653FC;
				position: fixed;
				top: 0;
				left: 0;
				z-index: 999;
			}
			.mui-row.mui-fullscreen>[class*="mui-col-"] {height: 100%;}
			.mui-col-xs-5,
			.mui-control-content {overflow-y: auto;height: 100%;}
			.mui-bar-nav~.mui-content{background:#fff;padding:0;margin-top:.91rem;}
			/*左侧*/
			.mui-segmented-control-vertical .mui-control-item{width:100%;border-bottom:1px solid #f4f4f4 !important;
			height:.9rem;line-height:.9rem;color:#000;font-size:.28rem;}
			.mui-table-view-cell:after,.mui-table-view:after{left:0;background-color:#d9d9d9;height:0;}
			.mui-table-view-cell{padding:0;height:.9rem;line-height:.9rem;color:#333;font-size:.26rem !important;box-sizing:border-box;padding-left:.4rem;position:relative;border-bottom:1px solid #f4f4f4;}
	        .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{background:#f5f5f5;}
	        .mui-control-item{position:relative;}
	        .mui-control-item:after{font-family: Muiicons;position: absolute;display: inline-block;text-decoration: none;content: '\e583';color:#e5e5e5;font-size: .4rem;top:0;right: .1rem;}
	        .choose_active>i{top:.1rem;right:.3rem;font-size:.7rem;position:absolute;color:#007aff;}
	        .mui-segmented-control.mui-segmented-control-inverted.mui-segmented-control-vertical .mui-control-item, .mui-segmented-control.mui-segmented-control-inverted.mui-segmented-control-vertical .mui-control-item.mui-active,
	        .mui-segmented-control.mui-segmented-control-inverted.mui-segmented-control-vertical .mui-control-item, .mui-segmented-control.mui-segmented-control-inverted.mui-segmented-control-vertical .mui-control-item.mui-active{border:none}
		</style>
	</head>
	<body>
		<div id="immersed"></div>
		<div class="mui-bar mui-bar-nav" id="mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<a class="mui-action-back back">返回</a>
			<h1 class="mui-title">扫描结果</h1>
		</div>
		<div class="mui-content mui-row mui-fullscreen" id="mui-content">
			<div style="text-align: center;margin-top: 30px;margin-bottom: 30px;">
				<font style="font-size:16px;font-family: '微软雅黑';">将在未知地点登录，请确认是否本人操作</font>
			</div>
					
			<div>
				<button id='login' class="mui-btn mui-btn-primary mui-btn-block">允许登录</button>
			</div>
			<div>
				<button id='login' class="mui-btn mui-btn-primary mui-btn-block" style="background-color:red ;border-color:red ;">取消</button>
			</div>
		</div>
	<script>
		function my_immersed(immersed){
			document.getElementById("immersed").style.height = immersed + 'px';
			document.getElementById("mui-bar-nav").style.marginTop = immersed + 'px';
			document.getElementById("mui-content").style.top = immersed + 'px';
		}
	</script>
	<script src="../../js/immersed.js"></script>
	<script src="../../js/mui.min.js"></script>
	<script src="../../js/common.js"></script>
		<script>
			mui.init({
				swipeBack: true //启用右滑关闭功能
			});
			
		</script>

	</body>

</html>